$(function () { 
    // $(".num li").mouseover(function () {
    //     index = $(".num li").index(this);  //获取鼠标悬浮 li 的index
    //     showImg(index);
    // }).eq(0).mouseover();
    // //滑入停止动画，滑出开始动画.
    // $('#scrollPics').hover(function () {
    //     clearInterval(adTimer);
    // }, function () {
    //     adTimer = setInterval(function () {
    //         $('#scrollPics').css('height',$(".slider img:first").height());
    //         showImg(index)
    //         index++;
    //         if (index == len) {       //最后一张图片之后，转到第一张
    //             index = 0;
    //         }
    //     }, 2500);
    // }).trigger("mouseleave");
    // function showImg(index) {
    //     var adHeight = $("#scrollPics>ul>li:first").width();
    //     $(".slider").stop(true, false).animate({
    //         "marginleft": -adHeight * index + "px"    //改变 marginTop 属性的值达到轮播的效果
    //     }, 2000);
    //     $(".num li").removeClass("on")
    //         .eq(index).addClass("on");
    // }
    var index = 0;  //图片序号
    var len = $(".num > li").length;
    var adTimer;
    $(".slider > li:first").addClass('show');
    $('#scrollPics').hover(function () {
          clearInterval(adTimer);
        },function(){
           adTimer= setInterval(a,3000);
    }).trigger("mouseleave");
    function  a() {
       
            if (index < len+1) {       //最后一张图片之后，转到第一张
                    $('.slider li').removeClass('show').eq(index).addClass("show");
                    $(".num li").removeClass("on").eq(index).addClass("on");
               index++; 
               if(index==len){
                    index=0;
                }
            }
     }
    $(".num li").mouseover(function () {
        clearInterval(adTimer);
        $(".num li").removeClass("on");
        index = $(".num li").index(this);  //获取鼠标悬浮 li 的index
        $('.slider li').removeClass('show').eq(index).addClass("show");
        $(".num li").removeClass("on").eq(index).addClass("on");
    });
       
});